<template>
  <div>
    <h1>Hello, Vue!</h1>
    <h2>{{ title }}</h2>
    <p>{{ message }}</p>
    <button @click="incrementCounter">增加计数按钮</button>
  </div>
</template>

<script>
export default {
  name: 'ZuzuComponent',
  data() {
    return {
      title: '欢迎来到 Vue.js',
      message: '这是一个简单的 Vue 组件。',
      counter: 0
    };
  },
  methods: {
    incrementCounter() {
      this.counter++;
      this.message = `你点击了 ${this.counter} 次按钮。`;
    }
  }
};
</script>

<style>

</style>
